<!DOCTYPE HTML>
<html>
<head>
<title>QualityLife | A academia </title>
<link href="web/css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="web/css/style.css" rel='stylesheet' type='text/css' />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<script src="web/js/jquery.min.js"></script>
<!-- grid-slider -->
<script type="text/javascript" src="web/js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="web/js/jquery.contentcarousel.js"></script>
<script src="web/js/jquery-ui.js"></script>
<!-- //grid-slider -->
<!---calender-style---->
<link rel="stylesheet" href="web/css/jquery-ui.css" />
<!---//calender-style---->				  
</head>
<body>
<!-- start header_bottom -->
	  
	  <!-- start menu -->
    <div class="menu" id="menu">
	  <div class="container">
		 <div class="logo">
			<a href="index.html"><img src="web/images/logo.png" alt="" style="max-width:100%;"/></a>
		 </div>
		 <div class="h_menu4"><!-- start h_menu4 -->
		   <a class="toggleMenu" href="#">Menu</a>
			 <ul class="nav">
			   <li><a href="index.html">Início</a></li>
			   <li class="active"><a href="about.html">A Academia</a></li>
			   <li><a href="photos.html">Fotos</a></li>
			   <!-- <li><a href="trainers.html">Treinos</a></li> -->
			   <li><a href="classes.html">Modalidades</a></li>
			   <li><a href="space.html">O espaço</a></li>
<!-- 			   <li><a href="pricing.html">Preços</a></li> -->
			   <li><a href="contact.html">Contatos</a></li>
			 </ul>
			  <script type="text/javascript" src="web/js/nav.js"></script>
		  </div><!-- end h_menu4 -->
		 <div class="clear"></div>
	  </div>
	</div>
	<!-- end menu -->
	<div class="main">
	   <div class="about_banner_img"><img src="web/images/about_img.jpg" class="img-responsive" alt=""/></div>
		 <div class="about_banner_wrap">
      	    <h1 class="m_11">Sobre a Quality</h1>
      	 </div>
      	 <div class="about-wrapper">
      	    <div class="container">
		       <div class="row about-top">
				 <div class="col-md-5">
				  <img src="web/images/about.jpg" class="img-responsive" alt=""/> 
			     </div>
				 <div class="col-md-7 about-left-text">
				   <h2>Um pouco de história sobre a QualityLife!</h2>
				   <p>Inauguração em 27 de fevereiro de 2010, a QualityLife é a concretização de um sonho, ideal de evolução constante, que busca oferecer não apenas opções praticas de esporte, mas um ambiente agradável, prazeroso, que proporciona  a sensação de bem estar que todos merecem.</p>
				   <p>Dispõe de ampla estrutura, equipamentos modernos, ótima localização e uma equipe altamente capacitada para atender às necessidades do público que anseia por saúde, bem estar e qualidade de vida.</p>
				   <p>E para quem prefere atividades ao ar livre, a academia também dispõe de um grupo Runner, um grupo de corrida, proporcionando toda a orientação e acompanhamento necessários para atingir seus objetivos. Se você ainda não conhece, venha nos fazer uma visita!</p>
				   <h4>QualityLife <span class="m_12">Fitness Club</span></h4>
				 </div>
                 <div class="clear"></div>	
               </div>
		    </div>
	      </div>
		   <div class="about_gallery">
		 	<div class="container">
		 	  <div class="col-md-12">
		     	 <!-- <h3 class="m_2">Fotos</h3> -->
		     	 <div id="ca-container" class="ca-container" >
				    <div class="ca-wrapper">
				         <div class="ca-item ca-item-1">
						   <div class="ca-item-main">
								<img src="web/images/pane/001.jpg" class="img-responsive" alt=""/>
								<img src="web/images/pane/002.jpg" class="img-responsive" alt=""/>
							</div>
						  </div>
						<div class="ca-item ca-item-2">
							<div class="ca-item-main">
								<!-- <div class="ca-icon"> </div> -->
								<img src="web/images/pane/003.jpg" class="img-responsive" alt=""/>
								<img src="web/images/pane/004.jpg" class="img-responsive" alt=""/>
							</div>
						</div>
						<div class="ca-item ca-item-3">
							<div class="ca-item-main">
								<img src="web/images/pane/005.jpg" class="img-responsive" alt=""/>
								<img src="web/images/pane/006.jpg" class="img-responsive" alt=""/>
							</div>
						</div>
						<div class="ca-item ca-item-4">
							<div class="ca-item-main">
								<img src="web/images/pane/007.jpg" class="img-responsive" alt=""/>
								<img src="web/images/pane/008.jpg" class="img-responsive" alt=""/>
						     </div>
						</div>
						<div class="ca-item ca-item-5">
							<div class="ca-item-main">
								<img src="web/images/pane/009.jpg" class="img-responsive" alt=""/>
								<img src="web/images/pane/010.jpg" class="img-responsive" alt=""/>
							</div>
						</div>
						
			    </div>
			 </div>
			 <script type="text/javascript">
				$('#ca-container').contentcarousel();
			</script>
		   </div>
	       <div class="clear"></div>
	       </div>
		  </div>
	    
	    <!-- <div class="login">
	  	    <div class="row login_details">
		 	  <div class="col-md-6">
				  <div class="join">
				  	 <h3>Why Join ?</h3>
				  	 <h4>sed diam nonummy nibh euismod</h4>
				  	 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam<br> nibh euismod tincidunt ut laoreet dolore magna . </p>	
				  	 <div class="btn3">
				       <a href="#">Join Today</a>
			         </div>	
				  </div>
				</div>
				 <div class="col-md-6">
				  <div class="join-right">
				  	 <h3>Why Join ?</h3>
				  	 <h4>sed diam nonummy nibh euismod</h4>
				  	 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam<br> nibh euismod tincidunt ut laoreet dolore magna . </p>	
				  	 <div class="buttons_login">
				  	 <div class="btn4">
				       <a href="login.html">Log In</a>
			         </div>	
			         <div class="p-ww">
					  <form>
					   <input class="date" id="datepicker" type="text" value="View Calender" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'View Calender';}">
					  </form>
				     </div>
			         <div class="clear"></div>

				  
				  <script>
				  $(function() {
				    $( "#datepicker" ).datepicker();
				  });
				  </script>
				  </div>
				  </div>
				</div>
				<div class="clear"></div>
		   </div>
	  </div> -->
<!-- 	  <div class="testimonial">
		 	<div class="container">
		 		<i class="quot"> </i>
		 		<p>diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendreri</p>
		 		<p class="ceo">quis nostrud, <span class="ceo1">tation - ullamcorper</span></p>
		 	</div>
	   </div> -->
	   
		 </div>

		 <div class="footer-bottom">
		   <div class="container">
		 	 <div class="row section group">
				<div class="col-md-3">
				   <h4 class="m_7">Fique por dentro</h4>
				   <p class="m_8">Curta a Quality e fique sempre atualizado sobre as novidades!</p>
				   <iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FQualitylifefernando%3Ffref%3Dts&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;share=true&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;width: 180px;" allowTransparency="true"></iframe>
				</div>
				<div class="col-md-5">
					<div class="f-logo">
						<img src="web/images/logo.png" alt="" style="max-width:100%;" />
					</div>
					<p class="m_9"> Musculação | Ginástica(Jump, Step, Ritmos, Bike indoor, Pump, Zumba) | Lutas(Jiu-Jitsu, Muay Thai) | Pilates | Natação | HidroGinástica</p>
					
				</div>
				<div class="col-md-4">

					<p class="address">Endereço : &nbsp;&nbsp;&nbsp;<span class="m_10">Rua Frederico Jensen, 4135</span></p>
					<p class="address"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="m_10">Itoupavazinha | Blumenau | SC</span></p>
					<p class="address">Telefone : &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="m_10">(47) 3323-7911</span></p>
					<p class="address">email: &nbsp;&nbsp;<span class="m_10">qualitylife.vendas@hotmail.com</span></p>
				</div>
				<div class="clear"></div>
	  		  </div>
		 	</div>
		 </div>
		 <div class="copyright">
		  <div class="container">
		    <div class="copy">
		        <p>© 2015 | Direitos Reservados   |   Design by <a>José Diego Zunino</a></p>
		    </div>
		   <div class="clear"></div>
		  </div>
	     </div>
</body>
</html>